<template>
  <div class="app">
    <dx-china-area @change="onChange"></dx-china-area>
    <DxChinaArea isall :leave="2" @change="onChange"></DxChinaArea>
<!-- 
    <elui-china-area-dht @change="onChange"></elui-china-area-dht>
    <elui-china-area-dht isall :leave="2" @change="onChange"></elui-china-area-dht> -->
  </div>
</template>

<script lang="tsx">
import { defineComponent } from 'vue'
// import { DxChinaArea } from 'dx-we-ui'
// import {DxChinaArea} from 'leo-dx-ui';
// const chinaData = new EluiChinaAreaDht.ChinaArea().chinaAreaflat
export default defineComponent({
  name: 'app',
  components: {
    // DxChinaArea
  },
  setup() {
    function onChange(e: any) {
      // const one = chinaData[e[0]]
      // const two = chinaData[e[1]]
      // console.log(one, two)
    }
    return {
      onChange,
    }
  },
})
</script>
